<template>
  <el-container class="home_container">
    <el-container class="bigWidth">
      <el-main class="Main">
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script  setup >
import {
  ref,
  reactive,
  computed,
  getCurrentInstance,
  onMounted,
  watch,
  nexttick,
} from "vue";

onMounted(() => {});
</script>
<style lang='less' scoped>
.home_container {
  width: 100%;
  height: 100%;
}
.bigWidth {
  position: absolute;
  background: #001c31;
  top: 8%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0 1.5% 2%;
  margin: 0 auto;
}
.el-main {
  overflow: visible !important;
  padding: 0 !important;
}
.Main {
  height: 100%;
}
</style>
